﻿@using System.Runtime.Versioning
<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>Realtor Space - @ViewBag.Title</title>

    <!-- HTML5 Support for IE -->
    <!--[if lt IE 9]>
  <script src="~/scripts/html5shim.js"></script>
  <![endif]-->
    <link href="~/Content/css/bootstrap.css" rel="stylesheet">
    <link href="~/Content/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="~/Content/css/business-casual.css" rel="stylesheet" />
    <link href="~/Content/site.min.css" rel="stylesheet" />
    <link href="~/Content/realtor.css" rel="stylesheet" />
</head>
<body>
    <div class="brand">Realtor Space</div>
    <div class="address-bar">Your Address | Los Angeles, California 91367 | 555.519.2013</div>

    <nav class="navbar navbar-default" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Home</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home","Index",new{controller="Home"})</li>
                    <li>@Html.ActionLink("Search Property", "Index", new { controller="Search"})</li>
                    <li><a href="#">Property Values</a></li>
                    <li><a href="#">About</a></li>
                    <li >@Html.ActionLink(Resources.Contact,"Contact","Contact")</li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <div class="container">

        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <div id="carousel-example-generic" class="carousel slide">
                        <!-- Indicators -->
                        <ol class="carousel-indicators hidden-xs">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <img class="img-responsive img-full" src="~/Content/img/slide-1.jpg">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="~/Content/img/slide-2.jpg">
                            </div>
                            <div class="item">
                                <img class="img-responsive img-full" src="~/Content/img/slide-3.jpg">
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    </div>
                    <h1><small>Welcome to</small><br>
                        <span class="brand-name">Realtor Space</span><hr class="tagline-divider">
                        <small>By <strong>Start Bootstrap</strong></small></h1>
                </div>
            </div>
        </div>
        @RenderBody()
    </div>
    <!-- /.container -->

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <p>Copyright &copy; Company 2013</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- JavaScript -->
    <script src="~/scripts/jquery-2.0.3.js"></script>
    <script src="~/scripts/bootstrap.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <script>
        
        // Activates the Carousel
        $('.carousel').carousel({
            interval: 5000
        })
    </script>
    @RenderSection("scripts",required:false)
</body>
</html>
